<html>
	<head>
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1,minimum-scale=1, width=device-width" />
		<include file="./Application/Home/View/Default/header/header.html"/>
	</head>
	<body>
		<div class="col-xs-12 text-center index_top none-both-padding">
			<div class="col-xs-4 search"><a href="javascript:history.back(-1)"><i class="iconfont">&#xe651;</i></a></div>
			<div class="col-xs-4">订单</div>
			<div class="col-xs-4"></div>
		</div>
		<form action="/home/index/order_content_list" method="POST">
		<div class="col-xs-12 order_list">
			<div class="col-xs-12 order_option">
				<span>订单类型：</span>
				<select name="order_type" id="order_type">
					<option value="">请选择</option>
					<option value="视频">视频</option>
					<option value="音频">音频</option>
					<option value="画师">画师</option>
				</select>
			</div>

			<div class="col-xs-12 order_option video_select">
				<span>制作类型：</span>
				<select name="making_type">
					<option value="">请选择</option>
					<option value="个人类型">个人类型</option>
					<option value="企业视频">企业视频</option>
					<option value="工作室、团队视频">工作室、团队视频</option>
				</select>
			</div>

			<div class="col-xs-12 order_option video_select">
				<span>视频类型：</span>
				<select name="video_type" id="video_type">
					<option value="">请选择</option>
					<option value="PV(MV)">PV(MV)</option>
					<option value="定制动画">定制动画</option>
					<option value="其他动画">其他动画</option>
				</select>
			</div>

			<div class="col-xs-12 order_option pv_select">
				<span>PV类型：</span>
				<select name="pv_type" id="video_type">
					<option value="">请选择</option>
					<option value="一图流">一图流</option>
					<option value="多图流">多图流</option>
					<option value="剪辑">剪辑</option>
					<option value="定制类">定制类</option>
				</select>
			</div>

			<div class="col-xs-12 order_option">
				<span> 备注信息：</span>
				<textarea style="resize: none;" name="remarks"></textarea>
			</div>
			
			<div class="col-xs-12 order_option">
				<button id="order_button" class="order_button" disabled>提交订单</button>
			</div>

		</div>
		</form>

		<script>
			$("#video_type").change(function () {
				var value = $(this).children('option:selected').val();
				if(value == "PV(MV)"){
					$(".pv_select").slideDown(200);
				}else{
					$(".pv_select").slideUp(200);
				}
			})
			$("#order_type").change(function () {
				var value = $(this).children('option:selected').val();
				if(value == ""){
					$("#order_button").attr("disabled", true).addClass('order_button');
				}else{
					$("#order_button").removeAttr("disabled").removeClass('order_button');
				}
			})
			
			$("#order_type").change(function () {
				var value = $(this).children('option:selected').val();
				if(value == "视频"){
					$(".video_select").slideDown(200);
				}else{
					$(".video_select").slideUp(200);
				}
			})
		</script>

	</body>
</body>
</html>